<template>
    <div>  
      <!-- 不指定名字的插槽就叫做匿名插槽  -->
      <!-- 提前挖坑 -->
       <slot name="header"></slot>
       <slot name="content"></slot>
        <slot name="footer"></slot>
        <!-- <slot :name="name"></slot> -->
        <!-- 自己定义的一些属性名千万不要使用name，千万不要和自定义的一些api冲突，否则会渲染不出来 -->
        <slot :games="games" msg="hello" :age="age" name1="zhansgan">我是默认的一些内容</slot>
        <!-- slot标签里的内容在父组件没有插的时候显示 -->
        <!-- 作用域插槽其实就是子组件数据在插槽中想访问 -->
    </div>
</template>

<script>
export default {
   data() {
       return {
           name1:"30",
           age:100,
           games:['红色警戒','穿越火线','劲舞团','超级玛丽'],
       }
   }
}
</script>

<style>

</style>